<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用 layui</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" >

</head>
<body>

<!-- layui动态表格 -->
<div >
    <table class="layui-table" lay-data="{page:true, id:'test'}" layui-filter="test">
        <thead>
        <tr >
            <th lay-data="{field:'jobno', width:200, sort:true}">用户名称</th>
            <th lay-data="{field:'username', width:200, sort:true}">用户名称</th>
            <th lay-data="{field:'age', width:200, sort:true}">用户名称</th>
            <th lay-data="{field:'mobile', width:200}">用户密码</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="teacher:${teacherlist}">
            <td th:text="${teacher.getJobno()}"></td>
            <td th:text="${teacher.getUsername()}"></td>
            <td th:text="${teacher.getAge()}"></td>
            <td th:text="${teacher.getMobile()}"></td>
        </tr>

        </tbody>
    </table>
</div>

<script th:src="@{/layui/layui.js}"></script>

</body>
</html>